import React, { Component } from 'react'
import MyScroll from '../components/myscroll'
class Gundong extends Component {
  render() {
    return (
      <div className='gundong'>
            <MyScroll direction="heng">
                <ol>
                    <li>01</li>
                    <li>02</li>
                    <li>03</li>
                    <li>04</li>
                    <li>05</li>
                    <li>06</li>
                    <li>07</li>
                    <li>08</li>
                </ol>
            </MyScroll>
        {/* 竖滚 */}
        <MyScroll direction="shu">
          <ul>
            <li>我是竖滚01</li>
            <li>我是竖滚02</li>
            <li>我是竖滚03</li>
            <li>我是竖滚04</li>
            <li>我是竖滚05</li>
            <li>我是竖滚06</li>
            <li>我是竖滚07</li>
            <li>我是竖滚08</li>
            <li>我是竖滚09</li>
            <li>我是竖滚10</li>
            <li>我是竖滚11</li>
            <li>我是竖滚12</li>
            <li>我是竖滚13</li>
            <li>我是竖滚14</li>
            <li>我是竖滚15</li>
            <li>我是竖滚16</li>
            <li>我是竖滚17</li>
            <li>我是竖滚18</li>
            <li>我是竖滚19</li>
            <li>我是竖滚20</li>
          </ul>
        </MyScroll>
      </div>
    )
  }
}

export default Gundong
// 封装一个myscrol组件根据传入得参数不同实现左右滚动或者上下滚动
// 1 . 安装betterScroll